<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
body { margin: 0; }
.p .a {
  transform: scaleX(0);
}
.p:hover .a {
  transform: scaleX(1);
  fill: red;
}
</style>
<svg width="400" height="100">
  <g class="p">
    <g class="a">
      <rect class="a" width="200" height="100" fill="blue"/>
    </g>
    <rect class="b" width="100" height="100" fill="green"/>
  </g>
</svg>
<script>
if (window.testRunner)
  eventSender.mouseMoveTo(150, 50);

shouldBeNull("document.querySelector('.p:hover .a')");
</script>
